<template>
    <div>
        <div class="pice">
            <h1>Shopping Cart</h1>
        </div>
        <div class="pice">
            <cart></cart>
        </div>
        <div class="pice">
            <shopList></shopList>
        </div>
    </div>
</template>
<script>
    import Cart from './Cart.vue';
    import ShopList from './shopList.vue';
    export default {
        components: {  Cart,ShopList }
    }

</script>
<style scoped lang="less" rel="stylesheet/scss" type="text/css">
    .pice{
        text-align: center;
        border-bottom:2px solid #000;
        padding: 1vw 0;
        font-family:'微软雅黑';
    }
</style>